<template>
  <div>
    <input  v-model="username" type="text" name="" id="">
    <br>
    <input v-model="password"  type="text" name="" id="">
    <br>
    来自于
    <select v-model="bbt">
       <!-- //绑定默认项，只需要在select上 -->
        <option  value="bj">北京</option>
        <option value="sh">上海</option>
        <option value="wh">武汉</option>
     </select>
     <br>
爱好<input v-model="hobby" value="smoke" type="checkbox" name="" > 抽烟
    <input v-model="hobby" value="drink" type="checkbox" name="" > 喝酒
    <input v-model="hobby" value="yellow" type="checkbox" name="" > 打女人
    <br>
性别 <input v-model="green" type="radio" value="man" name="nan" id="">男
      <input v-model="green" type="radio" value="woman" name="nan" id="">女
      <br>
  自我介绍<br>
      <textarea v-model="red" name="" id="" cols="30" rows="10"></textarea>


  </div>
</template>

<script>
export default {
  name: 'Vue2App',

  data() {
    return {
      username:'',
      password:'',
      // 绑定默认项
      bbt:'wh',
      hobby:[],
      green:'woman',
        red:'大家好'
    };
  },

  

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>


</style>